﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://wubiyu.cnblogs.com">
<head>
    <title></title>
     <link href="../../Theme/DomExtGray/gray.min.css" rel="Stylesheet" type="text/css" />
      <link href="PageModel.css" rel="Stylesheet" type="text/css" />
      <script type="text/javascript" src="../../domExt.min.js"></script>
      <script type="text/javascript" src="../data.min.js"></script>
</head>
<body>
      <div class="fun_title">
      hdomext 框架
      </div>
       <div class="fun_content">
            使用框架：<br />
                  1、在
             &lt;html&gt; 标记处加入框架标记的命名空间，例如：&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; 
             xmlns:h=&quot;http://wubiyu.cnblogs.com&quot;&gt;。<br />
             2、加入JS脚本文件。&lt;script type=&quot;text/javascript&quot; src=&quot;../../domExt.min.js&quot;&gt;&lt;/script&gt;<br />
             3、载入框架UI组件主题。&lt;link href=&quot;../../Theme/DomExtGray/gray.min.css&quot; rel=&quot;Stylesheet&quot; 
             type=&quot;text/css&quot; /&gt;<br />
             完成以上三步，框加就可以完美执行了。。</div>
        <div class="fun_title2">
            框架函数与组件:
      </div>
      <h:listview id="listview">
            <h:itemtemplet>
                  <div style=" float:left; height:25px; line-height:25px; font-family: 微软雅黑;  width:200px;color:blue">{=[1]}</div><div style=" height:25px; line-height:25px; font-family: 微软雅黑; ">{=[5]}</div>
            </h:itemtemplet>
      </h:listview>
    
      <script type="text/javascript">
          _h.ready(function () {
              var listview = _g("#listview");
              listview.OnItemClick = function (lv, obj, index) {
                  var fram_content = _g("#fram_content", window.parent.window.document);
                  fram_content.src = "pages/" + lv.Data[index][4];
              };
              listview.Bind(treeview_data);
          });
      </script>
</body>
</html>
